//- 先去这个pug文件中找
extends ../commons/commons.pug

block append pageStyle
	link(href="${relativePath}/static/css/shopping/tjOrder.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/payment.css" rel="stylesheet" type="text/css")

block content
	//- 提交订单内容
	div.placeOrderCon.layout
		//- logo部分
		div.submitHeader
			div.logo.fl
				img(src="${relativePath}/static/imgs/shopin.png")

			//- 进度条
			div.orderProcess.fr
				div.processBox
					span.progress1.settwo.current
						span.num 1
						br
						span.progressMsg 提交订单
					span.progress1.settwo.progress2.current
						span.num 2
						br
						span.progressMsg.current 商家接单
					span.progress1.progress3.current
						span.num 3
						br
						span.progressMsg.current 支付
					span.progress1.progress4
						span.num 4
						br
						span.progressMsg 完成
		//- 账户余额支付
		div.payaccount
			div.countTitle 账户余额支付
			div.countBox
				//- 头部余额条
				div.titleStrip
					div.fl.seeBox
						span.accountpay.fl 账户余额支付
						span.eye.fl 5930.00
						span.closeeye.fl
					div.fr.payCount
						span.countMoney
							| 支付金额：
							span.money
								i.sign ￥
								i.moneyNum 285.00
				p.product 安全设置检测成功，无需短信验证。
				div.payBox
					input.memberId(type="hidden")
					a.forgetPsw(href="../personCenter/securityCenter.html") 忘记密码
					div.writePsw.clearfix
						span.txt.fl 输入支付密码：
						div.alieditContainer#payPassword_container
							input#payPassword_rsainput.ui-input.i-text(maxlength="6" tabindex="1" type="password")
							div.sixDigitPassword(tabindex="0")
								i.active
									b
								i
									b
								i
									b
								i
									b
								i
									b
								i
									b
								span.guangbiao(style="left:0px;")
					div.paypsw 请输入六位支付密码
					a.paypsw(href="../personCenter/securityCenter.html" target="_blank") 点击设置支付密码(之后请刷新本页面)
					//- 支付按钮
					div.payBtn 支付
					a.changePay(href="javascript:;") 更换支付方式 >>
	

block append pageScript

	script.
		$(function() {
			//- 支付
			$(".i-text").keyup(function(){
			    var inp_v = $(this).val();
				var inp_l = inp_v.length;
				for( var x = 0; x<=6; x++){
					$(".sixDigitPassword").find("i").eq( inp_l ).addClass("active").siblings("i").removeClass("active");
					$(".sixDigitPassword").find("i").eq( inp_l ).prevAll("i").find("b").css({"display":"block"});
					$(".sixDigitPassword").find("i").eq( inp_l - 1 ).nextAll("i").find("b").css({"display":"none"});
				
					$(".guangbiao").css({"left":inp_l * 40});//光标位置
					if( inp_l == 0){
						$(".sixDigitPassword").find("i").eq( 0 ).addClass("active").siblings("i").removeClass("active");
						$(".sixDigitPassword").find("b").css({"display":"none"});
						$(".guangbiao").css({"left":0});
					}else if( inp_l == 6){
						$(".sixDigitPassword").find("b").css({"display":"block"});
						$(".sixDigitPassword").find("i").eq(5).addClass("active").siblings("i").removeClass("active");
						$(".guangbiao").css({"left":5 * 40});
					}
				}
			});
			
			//- 点击眼睛
			$(".closeeye").click(function() {
				$(this).hide();
				$(".eye").show();
			})
			$(".eye").click(function() {
				$(this).hide();
				$(".closeeye").show();
			})

			//- 余额多少获取
			$.get(shopIp+"/Order/orderPay",{
				userToken:token,
				order_id:thisRequest.order_id
			},function(data) {
				console.log(data);
				if(data.status == "200") {
					$(".eye").html(data.data.amount);
					$(".moneyNum").html(data.data.order_amount);
					$(".memberId").val(data.data.member_id);
				}else{
					layer.msg(data.msg);
				}
			})
			//- 余额支付
			$(".payBtn").click(function() {
				if($("#payPassword_rsainput").val() == "") {
					layer.msg("请输入支付密码");
				} else{
					$.post(shopIp+"/Pay/payUseAccount",{
						userToken:token,
						order_id:thisRequest.order_id,
						member_id:$(".memberId").val(),
						pay_password:$("#payPassword_rsainput").val()
					},function(data) {
						if(data.status == "200") {
							window.location = "paydone.html?order_id="+thisRequest.order_id;
						}
						else{
							layer.msg(data.msg);
						}
					})
					
				}
			})
		})
		


		